<style>
	
</style>
<template>
<div>
    <Card :bordered="false" dis-hover>
        <p slot="title">发票查验</p>
        <Row :gutter="20">
			<Col span="6">
				<Input v-model="search.text" placeholder="发票号 " ></Input>
			</Col>
			<Col span="6">
				<Input v-model="search.number" placeholder="复合人" ></Input>
			</Col>
			
			<Col span="10">
				<DatePicker type="datetimerange" format="yyyy-MM-dd HH:mm" 
				placeholder="开票时间" v-model="search.date" style="width:100%;"></DatePicker>
			</Col>
			<Col span="2">
				<Button type="primary" icon="ios-search">搜索</Button>
			</Col>
       	</Row>
       	<div style="margin-top:20px;">
       		<div class="ivu-table-wrapper" >
	            <div class="ivu-table ivu-table-with-fixed-top ">
	                <div class="ivu-table-body" >
	                    <table  class="table_border _table"   cellspacing="0" cellpadding="0" border="0" style="width: 100%;">
		                   
		                    <thead>
			                    <tr>
			                        <th class="">
			                            <div class="ivu-table-cell">
			                                <span>发票号</span>
			                            </div>
			                        </th>
			                        <th class="">
			                            <div class="ivu-table-cell">
			                                <span>开票日期</span>
			                            </div>
			                        </th>
			                        <th class="">
			                            <div class="ivu-table-cell">
			                                <span>购买方名称</span>
			                            </div>
			                        </th>
			                        <th class="">
			                            <div class="ivu-table-cell">
			                                <span>价税合计</span>
			                            </div>
			                        </th>
			                        <th class="">
			                            <div class="ivu-table-cell">
			                                <span>复合人</span>
			                            </div>
			                        </th>
			                        <th class="">
			                            <div class="ivu-table-cell">
			                                <span>查验状态</span>
			                            </div>
			                        </th>
			                        <th class="">
			                            <div class="ivu-table-cell">
			                                <span>	操作</span>
			                            </div>
			                        </th>
			                    </tr>
		                    </thead>
		                    <tbody class="ivu-table-tbody">
			                    <tr class="ivu-table-row" v-for="item in data">
			                        <td class="">
			                            <div class="ivu-table-cell">
			                                <span>{{item.id}}</span>
			                            </div>
			                        </td>
			                        <td class="">
			                            <div class="ivu-table-cell">
			                                <span>{{item.date}}</span>
			                            </div>
			                        </td>
			                        <td class="">
			                            <div class="ivu-table-cell">
			                                <span>{{item.name}}</span>
			                            </div>
			                        </td>
			                        <td class="">
			                            <div class="ivu-table-cell">
			                                <span>	{{item.number}}</span>
			                            </div>
			                        </td>
			                        <td class="">
			                            <div class="ivu-table-cell">
			                                <span>{{item.nameb}}</span>
			                            </div>
			                        </td>
			                        <td class="">
			                            <div class="ivu-table-cell">
			                                <span  class="spanc_r">{{item.state}}</span>
			                            </div>
			                        </td>
			                        <td class="">
			                            <div class="ivu-table-cell">
			                                <Button  size="small" @click="show()">查看</Button>
			                                <Button  size="small">查验</Button>
			                            </div>
			                        </td>
			                    </tr>
		                    </tbody>
	                    </table>
	                </div>
	            </div>
	            
	        </div>
       	</div>
       	<div style="margin-top:20px;">
       		<Page  show-total :page-size="pageParams.pageSize"	:total="pageParams.total" 
       		show-total @on-change="changePage" style="float:right;"></Page>
       	</div><br/>
    </Card>
    <Modal v-model="modal" width="800">
        <img src="../../assets/images/1.png" style="width:100%;">
        <p slot="footer" ></p>
    </Modal>
</div>	
</template>
<script>
export default {
	//name:"出库单开票",
	data (){
		return {
			modal:false,
			search:{text:'',number:'',date:''},
			states:['真','未'],
			pageParams:{pageSize:10,total:324},
			data:[
				{id:849385938593,date:'2018-01-10 12:02:03',name:'李丁',nameb:'张兴华',number:3000,state:'真'},
				{id:849385938592,date:'2018-01-10 12:01:59',name:'李丁',nameb:'张兴华',number:3200,state:'真'},
				{id:849385938591,date:'2018-01-10 12:01:45',name:'王远',nameb:'张兴华',number:3200,state:'真'},
				{id:849385938590,date:'2018-01-10 12:00:09',name:'王远',nameb:'张兴华',number:3200,state:'真'},
				{id:849385938589,date:'2018-01-10 11:56:45',name:'王远',nameb:'张兴华',number:3200,state:'真'},
				{id:849385938588,date:'2018-01-10 11:45:08',name:'王远',nameb:'张兴华',number:3200,state:'真'},
				{id:849385938587,date:'2018-01-10 11:34:56',name:'李丁',nameb:'张兴华',number:3200,state:'真'},
				{id:849385938586,date:'2018-01-10 11:32:34',name:'李丁',nameb:'张兴华',number:3200,state:'真'},
				{id:849385938585,date:'2018-01-10 11:23:54',name:'李丁',nameb:'张兴华',number:3200,state:'真'},
				{id:849385938584,date:'2018-01-10 11:12:26',name:'李丁',nameb:'张兴华',number:3200,state:'真'}
			]
		}
	},methods:{
		changePage (pageNum){
			this.pageParams.pageNum = pageNum;
     		this.getdata();
		},getdata(){
			
		},show(){
			this.modal=true;
		}
	},mounted(){
		$('._table').resizableColumns({});
	}
}
</script>